<template>
  <div class="medical-layout">
    <!-- 此页面使用独立布局，没有主应用的导航栏 -->
    <router-view />

    <!-- 仅在此布局中使用的传输管理器 -->
    <TransferManager id="medical-transfer-manager" ref="transferManager" />
  </div>
</template>

<script setup>
import { ref, onMounted, provide } from 'vue';
import TransferManager from '@/components/TransferManager.vue';

const transferManager = ref(null);

// 提供传输管理器给所有子组件
provide('transferManager', transferManager);

onMounted(() => {
  // 确保window.transferManager可用
  if (transferManager.value) {
    // 直接引用整个对象
    window.transferManager = transferManager.value;

    console.log('医疗视频库：传输管理器已初始化');
  } else {
    console.error('医疗视频库：传输管理器未初始化');
  }
});
</script>

<style scoped>
.medical-layout {
  min-height: 100vh;
  background-color: #f5f7fa;
}
</style>